<!-- 算机2201 徐德俊 -->
<!DOCTYPE html>
<!-- saved from url=(0052)http://123.57.56.131:8080/xikangproject/welcome.html -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		
		<title>首页</title>
		<title>熙康体检系统</title>
		<!-- 导入vue框架 -->
		<script src="js/v3.2.8/vue.global.prod.js"></script>
		<!-- 导入ElementPlus框架 -->
		<script src="js/element-plus.js"></script>
		<!-- 导入Elementplus Icon  -->
		<script src="js/element-icons.js"></script>	
		<!-- 导入Elementplus Css样式 -->
		<link rel="stylesheet" href="css/element-plus.css">
		<!-- 引入主页面样式 -->
		<link rel="stylesheet" href="css/main.css">



		<style>
			.col-right {
				/* 设置圆角：：左上，右上，右下，左下  */
				border-radius: 0px 4px 4px 0px;
				height: 100px;
				/* 设置水平居中 */
				text-align: center;
				/* 通过设置行高使其垂直方向居中 */
				line-height: 100px;
				vertical-align: middle;
				/* 设置阴影 */
				box-shadow: 0 1px 1px #c8c9cc;
			}

			.col-left {
				/* 设置圆角：左上，右上，右下，左下 */
				border-radius: 4px 0px 0px 4px;
				border-width: 1px solid;
				height: 100px;
				/* 设置水平居中 */
				text-align: center;
				/* 通过设置行高使其垂直方向居中 */
				line-height: 100px;
				vertical-align: middle;
			}

			.col-mid {
				/* 设置圆角：：左上，右上，右下，左下  */
				border-radius: 0px 4px 4px 0px;
				height: 220px;
				/* 设置水平居中 */
				text-align: center;
				/* 通过设置行高使其垂直方向居中 */
				line-height: 100px;
				vertical-align: middle;
				/* 设置阴影 */
				box-shadow: 0 1px 1px #c8c9cc;
			}

			.col-bottom {
				/* 设置圆角：：左上，右上，右下，左下  */
				border-radius: 0px 4px 4px 0px;
				height: 300px;
				/* 设置水平居中 */
				text-align: center;
				/* 通过设置行高使其垂直方向居中 */
				line-height: 100px;
				vertical-align: middle;
				/* 设置阴影 */
				box-shadow: 0 1px 1px #c8c9cc;
			}
		</style>
	</head>
	<body>

		<div id="app" data-v-app=""><div class="el-tabs el-tabs--top el-tabs--border-card"><div class="el-tabs__header is-top"><!----><div class="el-tabs__nav-wrap is-top"><!----><div class="el-tabs__nav-scroll"><div class="el-tabs__nav is-top" role="tablist" style="transform: translateX(0px);"><!----><div class="el-tabs__item is-top is-active" id="tab-0" aria-controls="pane-0" role="tab" aria-selected="true" tabindex="0">首页<!----></div><div class="el-tabs__item is-top" id="tab-1" aria-controls="pane-1" role="tab" aria-selected="false" tabindex="-1">Config<!----></div><div class="el-tabs__item is-top" id="tab-2" aria-controls="pane-2" role="tab" aria-selected="false" tabindex="-1">Role<!----></div><div class="el-tabs__item is-top" id="tab-3" aria-controls="pane-3" role="tab" aria-selected="false" tabindex="-1">Task<!----></div></div></div></div></div><div class="el-tabs__content"><div id="pane-0" class="el-tab-pane" role="tabpanel" aria-hidden="false" aria-labelledby="tab-0" style=""><div class="el-row" style="margin-left: -10px; margin-right: -10px;"><div class="el-col el-col-4 is-guttered" style="padding-right: 10px; padding-left: 10px;"><div class="grid-content ep-bg-purple"><div class="el-row"><div class="el-col el-col-8 col-left" style="border-color: rgb(71, 140, 233); background-color: rgb(71, 140, 233);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" color="white" style="width: 2em; height: 2em; border-color: white;"><path fill="currentColor" d="M628.736 528.896A416 416 0 0 1 928 928H96a415.872 415.872 0 0 1 299.264-399.104L512 704zM720 304a208 208 0 1 1-416 0 208 208 0 0 1 416 0"></path></svg></div><div class="el-col el-col-16 col-right"><div style="font-size: 60px; font-weight: bold; color: rgb(96, 98, 102);"> 103 </div></div></div></div></div><div class="el-col el-col-4 is-guttered" style="padding-right: 10px; padding-left: 10px;"><div class="grid-content ep-bg-purple"><div class="el-row"><div class="el-col el-col-8 col-left" style="border-color: rgb(85, 186, 117); background-color: rgb(85, 186, 117);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" color="white" style="width: 2em; height: 2em; border-color: white;"><path fill="currentColor" d="m64 448 832-320-128 704-446.08-243.328L832 192 242.816 545.472zm256 512V657.024L512 768z"></path></svg></div><div class="el-col el-col-16 col-right"><div style="font-size: 60px; font-weight: bold; color: rgb(96, 98, 102);"> 203 </div></div></div></div></div><div class="el-col el-col-4 is-guttered" style="padding-right: 10px; padding-left: 10px;"><div class="grid-content ep-bg-purple"><div class="el-row"><div class="el-col el-col-8 col-left" style="border-color: rgb(243, 157, 56); background-color: rgb(243, 157, 56);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" color="white" style="width: 2em; height: 2em; border-color: white;"><path fill="currentColor" d="M640 384v256H384V384zm64 0h192v256H704zm-64 512H384V704h256zm64 0V704h192v192zm-64-768v192H384V128zm64 0h192v192H704zM320 384v256H128V384zm0 512H128V704h192zm0-768v192H128V128z"></path></svg></div><div class="el-col el-col-16 col-right"><div style="font-size: 60px; font-weight: bold; color: rgb(96, 98, 102);"> 303 </div></div></div></div></div><div class="el-col el-col-4 is-guttered" style="padding-right: 10px; padding-left: 10px;"><div class="grid-content ep-bg-purple"><div class="el-row"><div class="el-col el-col-8 col-left" style="border-color: rgb(221, 78, 42); background-color: rgb(221, 78, 42);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" color="white" style="width: 2em; height: 2em; border-color: white;"><path fill="currentColor" d="M416 896V128h192v768zm-288 0V448h192v448zm576 0V320h192v576z"></path></svg></div><div class="el-col el-col-16 col-right"><div style="font-size: 60px; font-weight: bold; color: rgb(96, 98, 102);"> 403 </div></div></div></div></div><div class="el-col el-col-4 is-guttered" style="padding-right: 10px; padding-left: 10px;"><div class="grid-content ep-bg-purple"><div class="el-row"><div class="el-col el-col-8 col-left" style="border-color: rgb(146, 107, 221); background-color: rgb(146, 107, 221);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" color="white" style="width: 2em; height: 2em; border-color: white;"><path fill="currentColor" d="m679.872 348.8-301.76 188.608a127.808 127.808 0 0 1 5.12 52.16l279.936 104.96a128 128 0 1 1-22.464 59.904l-279.872-104.96a128 128 0 1 1-16.64-166.272l301.696-188.608a128 128 0 1 1 33.92 54.272z"></path></svg></div><div class="el-col el-col-16 col-right"><div style="font-size: 60px; font-weight: bold; color: rgb(96, 98, 102);"> 503 </div></div></div></div></div><div class="el-col el-col-4 is-guttered" style="padding-right: 10px; padding-left: 10px;"><div class="grid-content ep-bg-purple"><div class="el-row"><div class="el-col el-col-8 col-left" style="border-color: rgb(221, 78, 42); background-color: rgb(221, 78, 42);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" color="white" style="width: 2em; height: 2em; border-color: white;"><path fill="currentColor" d="M764.416 254.72a351.68 351.68 0 0 1 86.336 149.184H960v192.064H850.752a351.68 351.68 0 0 1-86.336 149.312l54.72 94.72-166.272 96-54.592-94.72a352.64 352.64 0 0 1-172.48 0L371.136 936l-166.272-96 54.72-94.72a351.68 351.68 0 0 1-86.336-149.312H64v-192h109.248a351.68 351.68 0 0 1 86.336-149.312L204.8 160l166.208-96h.192l54.656 94.592a352.64 352.64 0 0 1 172.48 0L652.8 64h.128L819.2 160l-54.72 94.72zM704 499.968a192 192 0 1 0-384 0 192 192 0 0 0 384 0"></path></svg></div><div class="el-col el-col-16 col-right"><div style="font-size: 60px; font-weight: bold; color: rgb(96, 98, 102);"> 603 </div></div></div></div></div></div><div><div class="el-row" style="margin-left: -10px; margin-right: -10px; margin-top: 20px;"><div class="el-col el-col-8 is-guttered" style="padding-right: 10px; padding-left: 10px;"><div class="col-mid" id="pie" _echarts_instance_="ec_1749617262208" style="user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); position: relative;"><div style="position: relative; width: 533px; height: 220px; padding: 0px; margin: 0px; border-width: 0px; cursor: default;"><canvas data-zr-dom-id="zr_0" width="799" height="330" style="position: absolute; left: 0px; top: 0px; width: 533px; height: 220px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"></canvas></div><div class=""></div></div></div><div class="el-col el-col-8 is-guttered" style="padding-right: 10px; padding-left: 10px;"><div class="col-mid" id="bar" _echarts_instance_="ec_1749617262209" style="user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); position: relative;"><div style="position: relative; width: 533px; height: 220px; padding: 0px; margin: 0px; border-width: 0px; cursor: pointer;"><canvas data-zr-dom-id="zr_0" width="799" height="330" style="position: absolute; left: 0px; top: 0px; width: 533px; height: 220px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"></canvas></div><div class="" style="position: absolute; display: block; border-style: solid; white-space: nowrap; z-index: 9999999; box-shadow: rgba(0, 0, 0, 0.2) 1px 2px 10px; background-color: rgb(255, 255, 255); border-width: 1px; border-radius: 4px; color: rgb(102, 102, 102); font: 14px / 21px &quot;Microsoft YaHei&quot;; padding: 10px; top: 0px; left: 0px; transform: translate3d(307px, 160px, 0px); border-color: rgb(115, 192, 222); pointer-events: none; visibility: hidden; opacity: 0;"><div style="margin: 0px 0 0;line-height:1;"><div style="font-size:14px;color:#666;font-weight:400;line-height:1;">61-70</div><div style="margin: 10px 0 0;line-height:1;"><div style="margin: 0px 0 0;line-height:1;"><span style="display:inline-block;margin-right:4px;border-radius:10px;width:10px;height:10px;background-color:#73c0de;"></span><span style="font-size:14px;color:#666;font-weight:400;margin-left:2px">第四季度</span><span style="float:right;margin-left:20px;font-size:14px;color:#666;font-weight:900">90</span><div style="clear:both"></div></div><div style="clear:both"></div></div><div style="clear:both"></div></div></div></div></div><div class="el-col el-col-8 is-guttered" style="padding-right: 10px; padding-left: 10px;"><div class="col-mid" id="radar" _echarts_instance_="ec_1749617262210" style="user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><div style="position: relative; width: 533px; height: 220px; padding: 0px; margin: 0px; border-width: 0px;"><canvas data-zr-dom-id="zr_0" width="799" height="330" style="position: absolute; left: 0px; top: 0px; width: 533px; height: 220px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"></canvas></div></div></div></div></div><div class="col-bottom" id="area" _echarts_instance_="ec_1749617262211" style="margin-top: 20px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); position: relative;"><div style="position: relative; width: 1638px; height: 300px; padding: 0px; margin: 0px; border-width: 0px; cursor: pointer;"><canvas data-zr-dom-id="zr_0" width="2457" height="450" style="position: absolute; left: 0px; top: 0px; width: 1638px; height: 300px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"></canvas></div><div class="" style="position: absolute; display: block; border-style: solid; white-space: nowrap; z-index: 9999999; box-shadow: rgba(0, 0, 0, 0.2) 1px 2px 10px; transition: opacity 0.2s cubic-bezier(0.23, 1, 0.32, 1), visibility 0.2s cubic-bezier(0.23, 1, 0.32, 1), transform 0.4s cubic-bezier(0.23, 1, 0.32, 1); background-color: rgb(255, 255, 255); border-width: 1px; border-radius: 4px; color: rgb(102, 102, 102); font: 14px / 21px &quot;Microsoft YaHei&quot;; padding: 10px; top: 0px; left: 0px; transform: translate3d(617px, 82px, 0px); border-color: rgb(255, 255, 255); pointer-events: none; visibility: hidden; opacity: 0;"><div style="margin: 0px 0 0;line-height:1;"><div style="margin: 0px 0 0;line-height:1;"><div style="font-size:14px;color:#666;font-weight:400;line-height:1;">五月</div><div style="margin: 10px 0 0;line-height:1;"><div style="margin: 0px 0 0;line-height:1;"><div style="margin: 0px 0 0;line-height:1;"><span style="display:inline-block;margin-right:4px;border-radius:10px;width:10px;height:10px;background-color:#80FFA5;"></span><span style="font-size:14px;color:#666;font-weight:400;margin-left:2px">浑南店</span><span style="float:right;margin-left:20px;font-size:14px;color:#666;font-weight:900">90</span><div style="clear:both"></div></div><div style="clear:both"></div></div><div style="margin: 10px 0 0;line-height:1;"><div style="margin: 0px 0 0;line-height:1;"><span style="display:inline-block;margin-right:4px;border-radius:10px;width:10px;height:10px;background-color:#00DDFF;"></span><span style="font-size:14px;color:#666;font-weight:400;margin-left:2px">市府广场店</span><span style="float:right;margin-left:20px;font-size:14px;color:#666;font-weight:900">220</span><div style="clear:both"></div></div><div style="clear:both"></div></div><div style="margin: 10px 0 0;line-height:1;"><div style="margin: 0px 0 0;line-height:1;"><span style="display:inline-block;margin-right:4px;border-radius:10px;width:10px;height:10px;background-color:#37A2FF;"></span><span style="font-size:14px;color:#666;font-weight:400;margin-left:2px">三好街店</span><span style="float:right;margin-left:20px;font-size:14px;color:#666;font-weight:900">190</span><div style="clear:both"></div></div><div style="clear:both"></div></div><div style="margin: 10px 0 0;line-height:1;"><div style="margin: 0px 0 0;line-height:1;"><span style="display:inline-block;margin-right:4px;border-radius:10px;width:10px;height:10px;background-color:#FF0087;"></span><span style="font-size:14px;color:#666;font-weight:400;margin-left:2px">沈北店</span><span style="float:right;margin-left:20px;font-size:14px;color:#666;font-weight:900">190</span><div style="clear:both"></div></div><div style="clear:both"></div></div><div style="margin: 10px 0 0;line-height:1;"><div style="margin: 0px 0 0;line-height:1;"><span style="display:inline-block;margin-right:4px;border-radius:10px;width:10px;height:10px;background-color:#FFBF00;"></span><span style="font-size:14px;color:#666;font-weight:400;margin-left:2px">沈河店</span><span style="float:right;margin-left:20px;font-size:14px;color:#666;font-weight:900">210</span><div style="clear:both"></div></div><div style="clear:both"></div></div><div style="clear:both"></div></div><div style="clear:both"></div></div><div style="clear:both"></div></div></div></div></div><div id="pane-1" class="el-tab-pane" role="tabpanel" aria-hidden="true" aria-labelledby="tab-1" style="display: none;">Config</div><div id="pane-2" class="el-tab-pane" role="tabpanel" aria-hidden="true" aria-labelledby="tab-2" style="display: none;">Role</div><div id="pane-3" class="el-tab-pane" role="tabpanel" aria-hidden="true" aria-labelledby="tab-3" style="display: none;">Task</div></div></div></div>
	

	<script>
		const App = {
			data() {
				return {

				}
			},
			methods: {}
		};
		const app = Vue.createApp(App);
		app.use(ElementPlus);
		app.component("Avatar", ElementPlusIconsVue.Avatar);
		app.component("Tools", ElementPlusIconsVue.Tools);
		app.component("Share", ElementPlusIconsVue.Share);
		app.component("Histogram", ElementPlusIconsVue.Histogram);
		app.component("Grid", ElementPlusIconsVue.Grid);
		app.component("Promotion", ElementPlusIconsVue.Promotion);
		app.mount("#app");
	</script>

	<!-- 导入EChartsjs -->
	<script src="js/echarts.min.js"></script>
	<!-- 导入echarts组件 -->
	<!-- 导入饼状图 -->
	<script src="js/echartsjs/pie.js"></script>
	<!-- 导入柱状图 -->
	<script src="js/echartsjs/bar.js"></script>
	<!-- 雷达图 -->
	<script src="js/echartsjs/radar.js"></script>
	<!-- 折线图 -->
	<script src="js/echartsjs/area-stack.js"></script>

</body></html>